<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>列表元素</title>
	</head>
	<body>
		<!-- 列表：存储相同数据的元素 
		三种存储形态 1.有序列表    层叠元素 快捷键：ol>li
		            2.无序列表    层叠元素 快捷键：ul>li
					应用网页结构：导航，左栏，面包屑导航。。
					必须使用无序列表，有利于seo优化
					3.定义列表   层叠元素 快捷键：dl>dt+dd
		-->
		<h1>有序列表</h1>
		<ol>
			<li>蜡笔小新</li>
			<li>熊出没</li>
			<li>海贼王</li>
		</ol>
		<h1>无序列表</h1>
		<ul>
			<li>731</li>
			<li>南京照相馆</li>
			<li>死神来了</li>
		</ul>
		<h1>定义列表</h1>
		<dl>
			<dt><img src="img/1.png" alt="蜡笔小新" width="150px" /></dt>
			<dd>这是小新</dd>
		</dl>
		
		</ol>
	</body>
</html>